• Class map
• Resolve abstract CSS class names
• Style name
• Customize style colors and fonts
• Use compact theme
• Edit style in Style Builder
• Simple style
• Style overrides for Javascript elements
• Repeating columns
• Snaking style
• Add records only
• Show Confirmation Message
• Confirmation Message Template
• Rows of data
• Rows of data when search active
• Maximum number of rows per page
• Number of 'Layout' Columns
• Suppress empty rows
• Show title
• Title
• Font size
• Has 'Records Per Page' selector
• 'Records Per Page' selector choices
• 'Records Per Page' template
• Highlight row on hover
• Highlight row on select
• Has checkbox select column
• Has row selector column
• Vertical alignment of controls in columns
• Can collapse grid?

 

Snaking style

Description

You are probably familiar with this display from sites like Netflix or Amazon, even if you have never seen the term 'Snaking style'. This style is used particularly with image links displayed in a row across a screen, think movie genre displays or a list of recently viewed items on a shopping site.

Sometimes when a user hovers over one entry in the 'snaking' row it is magnified slightly to give more detail. It easy to add a Snaking style to your grid components. To see the Snaking style property you will first need to set the Repeating columns property to a number greater than 1.

There are two options for a snaking style that can be easily selected using the dropdown next to the property. The " TBLR " or Top to Bottom, then Left to Right option presents users with a snaking style in which the records appear vertically. The " LRTB ", or Left to Right then Top to Bottom, option creates a snaking row of records.

tmpl.snaking as C

"TBLR" Snaking Style with 2 Repeating Columns (5 records)

"LRTB" Snaking Style with 4 Repeating columns (5 Records)